$(function () {
  //   2 调用getUserInfo获取用户基本信息
  getUserInfo();

  var layer = layui.layer;

  // 4点击按钮 实现退出功能
  $("#btnLogout").on("click", function (index) {
    //4。1 提示用户是否确认退出
    layer.confirm("你确定?", { icon: 3, title: "提示" }, function (index) {
      //do something
      console.log("ok");
      // 4.2清空本地存储的token
      localStorage.removeItem("token");
      // 4.3重新跳转到登录页面
      location.href = "./login1.html";
      // 关闭对应的弹出层 confirm询问框
      layer.close(index);
    });
  });
});

//1 获取用户信息
function getUserInfo() {
  $.ajax({
    method: "GET",
    // 导入baseAPI 不用写根路径
    url: "/my/userinfo",
    // 以/my 开头的请求路径 需要在请求头headers中携带 Authorization 身份认证字段，才能正常访问
    // headers: {
    //     Authorization:localStorage.getItem('token') || ''
    // },
    success: function (res) {
      // console.log(res);
      if (res.status !== 0) {
        return layui.layer.msg("获取用户信息失败");
      }
      // 调用renderAvatar 渲染用户的头像
      renderAvatar(res.data);
    },

    // 5 控制用户的访问权限 不登录进入不了后台
    // 如果message: "身份认证失败！"
    // status: 1 清空token 强制跳转到登录页面
    // complete: function(res){
    //     // console.log(res);
    //     // 使用res.responseJSON拿到服务器响应回来的数据
    //     if(res.responseJSON.status === 1 && res.responseJSON.message === '身份认证失败'){
    //         // 5.1强制清空token
    //         localStorage.removeItem('token');
    //         // 5.2强制跳转到登录页面
    //         location.href = './login1.html';
    //     }
    //     }
  });
}

// 渲染用户的头像

function renderAvatar(user) {
  // 1.获取用户的名称 昵称 登录的名称
  var name = user.nickname || user.username;
  // 2设置欢迎的文本
  $("#welcome").html("欢迎&nbsp;&nbsp;" + name);
  // 3渲染用户的头像
  // 如果有图片头像先渲染 没有渲染文本头像
  if (user.user_pic !== null) {
    // 3.1渲染图片头像
    $(".layui-nav-img").attr("src", user.user_pic).show();
    $(".text-avatar").hide();
  } else {
    // 3.2渲染文本头像
    $(".layui-nav-img").hide();
    // 拿到第一个字符 转成大写的
    var first = name[0].toUpperCase();
    $(".text-avatar").html(first).show();
  }
}
